<template>
    <div class="nav-header">
        <p class="iconfont icon-fanhui spanText" @click="gobackHandler"></p>
        {{headName}}
    </div>
</template>

<script>
export default {
    name :"headTop",
    data(){
        return{
            
        }
    },
    
    props:{
        headName:{
            type:[String,Number],
            default:""
        }
    },
    methods:{
        gobackHandler(){
            this.router.push("/personal")
        },
        gobackHandler(){
            this.$router.back()
        }
        
    }
}
</script>
<style lang="less" scoped>
 .nav-header {
    width:100%;
    height: 2rem;
    line-height:2rem;
    background-color: black;
    overflow: hidden;   
    text-align:center;
    color:#ffff; 
    position:relative;
  
    .iconfont{
        position:absolute;
        color:#fff;
        font-size:1.5rem;
        left:5px;
        padding:0 5px;
        box-sizing:border-box;
        }
    }
    
    
</style>